/*点击导航事件*/
var nav = document.querySelectorAll(".aside_main .list ul li");
var text = document.querySelectorAll(".article_top .title h2");
for(var i = 0; i < nav.length; i++){
    nav[i].index = i;
    nav[i].addEventListener("click", function () {
        for(var a = 0; a < nav.length; a++){
            nav[a].classList.remove('active');
            text[a].classList.remove('active');
        }
        this.classList.add('active');
        text[this.index].classList.add('active');
    });
}

/*添加事件*/
//var dianji = document.querySelector(".article_cont a");
//var tianjia = document.querySelector(".article_cont input").value;
//var task = document.querySelector(".task");
//console.log(tianjia);
//tianjia = task;



var dianji = document.querySelector("#anniu");
var task = document.querySelector(".task");
var input1 = document.querySelector(".article_cont input");

var completed = document.querySelector(".completed text");
var past = document.querySelector(".completed .past");
dianji.addEventListener("click",function(){
    var text1 = document.createElement("p");
    var dui = document.createElement("span");
    var texts = document.createElement("text");
    texts.innerHTML = input1.value;
    var like = document.createElement("img");
    task.appendChild(text1);
    text1.appendChild(dui);
    text1.appendChild(texts);
    text1.appendChild(like);
    dui.addEventListener("click", function () {
        text1.style.display = "none";
    });
    input1.value = '';
    completed.addEventListener("click", function () {
        past.innerHTML = text1.innerText;
    });
});



//    new_obj.appendChild(dui);
//    //p标签添加a标签任务内容
//    new_obj.appendChild(zi);
//    //将图片在节点p的最后一个标签添加删除
//    new_obj.appendChild(op);
//

//
//
//    //清除input的内容
//    input1.value = '';




























//
//var input1 =document.querySelector("#ipt1");
//var text = document.querySelector("#text");
//var anniu = document.querySelector("#anniu");
//anniu.addEventListener("click",function(){
//    //创建节点
//    var new_obj = document.createElement("p");
//    //创建任务内容节点
//    var zi = document.createElement("text");
//    //将input标签添加到
//    zi.innerHTML = input1.value;
//    //添加节点（删除的图片）
//    var op = document.createElement("img");
//    //添加完成任务的节点
//    var dui = document.createElement("span");
//
//    //添加时间任务的节点
//    var time1 = document.createElement("i");
//
//    //将节点的图片引进过来
//    op.setAttribute("src","img/img-1.png");
//    //操作节点（删除）
//    op.setAttribute("onclick","javascript:this.parentNode.parentNode.removeChild(this.parentNode);");
//    var yi = 'yixuan';
//    dui.addEventListener('click',function(){
//        if(yi == 'yixuan'){
//            yi = "wexian";
//        }else {
//            yi = "yixuan";
//        }
//        if(yi == 'wexian'){
//            dui.innerHTML = "√";
//            zi.style.color = "#999";
//            zi.style.textDecoration = "line-through";
//        }else {
//            dui.innerHTML = "";
//            zi.style.color = "#000";
//            zi.style.textDecoration = "none";
//        }
//    });
//
//
//    var kk = new Date();
//    time1.innerHTML = kk.getFullYear()+"-"+(kk.getMonth()+1)+"-"+kk.getDate()+" "+kk.getHours()+":"+kk.getMinutes()+":"+kk.getSeconds()+"";
//
//    //将节点在div的第一个子标签前添加
//    text.prepend(new_obj);
//    //p标签添加完成任务的样式
//    new_obj.appendChild(dui);
//    //p标签添加a标签任务内容
//    new_obj.appendChild(zi);
//    //将图片在节点p的最后一个标签添加删除
//    new_obj.appendChild(op);
//
//    zi.appendChild(time1);
//
//
//    //清除input的内容
//    input1.value = '';
//});

